<template>
	<view>
		<view class="conitem" v-for="(item,index) in contentdata" :key="index">
			<view class="all">
				<view class="img">
					<image class="img" src="../static/tabBar/oklk.png" mode=""></image>
				</view>
				<view class="mycline">
					
				</view>
				<view >
					<view class="title">
						{{item.title}}
					</view>
					<view class="content">
						{{item.content}}
					</view>
				</view>
			</view>
			
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			contentdata:{
				default:[],
				type:Array
			}
		},
		name:"vipcontentdata",
		data() {
			return {
				
			};
		},
		
	}
</script>

<style>
	.conitem{
		padding: 30rpx 10rpx 0 10rpx;
		
	}
.all{
	display: flex;
	position: relative;
	
	.img{
		width: 60rpx;
		height: 60rpx;
	}
	.title{
		display: flex;
		font-weight: 600;
		align-self: center;
		color:#8298b6;
	}
	
}
.mycline{
	position: absolute;
	height: 150px  !important;
	left: 30rpx;
	top: 40rpx;
	border-left: 5rpx solid #8298b6;
}
</style>